<template>
  <div class="right-container">
    <h2>Right</h2>
  </div>
</template>

<script>
export default {
    // 组件激活的时候，执行的钩子函数
    // 激活后，可以立即使用data数据和DOM元素
    activated () {
        console.log('Right组件被激活')
    },
    // 组件失活的时候，执行的钩子函数
    // 失活后，可以使用data数据，可以通过 ref找到其子组件实例（如果有的话）
    deactivated () {
        console.log('Right组件被缓存了')
    }
}
</script>

<style lang="less" scoped>
.right-container {
  background-color: burlywood;
}
</style>